html,
body,
#app {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

//flex
.fx-flex {
  display: flex;
}

.fx-flex-direction {
  flex-direction: column;
}

.fx-flex-wrap {
  flex-wrap: wrap;
}

.fx-justify-center {
  justify-content: center;
}

.fx-justity-end {
  justify-content: flex-end;
}

.fx-justify-between {
  justify-content: space-between;
}

.fx-justify-around {
  justify-content: space-around;
}

.fx-justify-evenly {
  justify-content: space-evenly;
}

.fx-align-start {
  align-items: flex-start;
}

.fx-align-center {
  align-items: center;
}

.fx-flex-1 {
  flex: 1;
}

//单行文本溢出显示省略号
.fx__simpleline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: no-wrap;
}

//文字超过两行省略号
.fx-descover2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

//隐藏滚动条，鼠标经过才显示
.fx__scroll_box {
  overflow: hidden;

  &:hover {
    overflow-y: overlay;
  }

  /*滚动条样式*/
  &::-webkit-scrollbar {
    width: 5px;
    height: 8px;
  }

  &::-webkit-scrollbar-corner {
    background: transparent;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #606870;
  }
}


.fx__hover {
  -webkit-transition: all .3s linear;
  transition: all .3s linear;

  &:hover {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
  }
}

.fx__text_link {
  color: #51acfe;
  cursor: pointer;
}

//带向右的三角的标题
.fx_title {
  padding: 10px 16px;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;


  &:before {
    width: 0px;
    height: 0px;
    content: '';
    border: 8px solid transparent;
    border-left: 8px solid #7efdae;
    position: absolute;
    left: 0;
  }
}

//选择
.fx__item-selected {
  color: #7efdae;
  background-color: #293a47 !important;
  position: relative;

  &:before {
    display: block;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-left: 3px solid #2cc789;
    color: #2cc789;
  }
}